<template>
  <div id="app">
    <router-view />
  </div>
</template>

<script>
export default {
  name: 'App',
  beforeMount() {
  }
}
</script>

<style lang="scss">
.light-tooltip-bottom {
  &.el-tooltip__popper[x-placement^=bottom] {
    border-color: transparent!important;
    box-shadow: 0px 4px 16px 0px rgba(0,0,0,0.2);
    .popper__arrow {
      border-bottom-color: #FFFFFF!important;
      &::after {
        border-bottom-color: #FFFFFF!important;
      }
    }
  }
}
.light-tooltip-right {
  &.el-tooltip__popper[x-placement^=right] {
    border-color: transparent!important;
    box-shadow: 0px 4px 16px 0px rgba(0,0,0,0.2);
    .popper__arrow {
      border-right-color: #FFFFFF!important;
      &::after {
        border-right-color: #FFFFFF!important;
      }
    }
  }
}
</style>

<style lang="scss" scoped>
#app {
  background-color: #f7f8fa;
}
</style>
